<#macro btnView title func css>
<div class="layui-col-md2">
    <div class="layui-btn ${css!}" data-css="${css!}"  data-title="${title!}" data-func="${func!}">
        <span id="title">${title!}</span>
        <i onclick="javascript:toRight(this)" class="layui-icon layui-icon-right"></i>
        <i onclick="javascript:del(this)" class="layui-icon layui-icon-close-fill"></i>
        <i onclick="javascript:toLeft(this)" class="layui-icon layui-icon-left"></i>
    </div>
</div>
</#macro>
<script id="btnView" type="text/html">
    <@btnView title="" func="" css=""></@btnView>
</script>
<#macro btnEdit>
<form id="editView" class="layui-form" action="">
    <div class="layui-row edit-form">
        <div class="layui-col-md12">
            <label class="layui-form-label">按钮名</label>
            <div class="layui-input-inline">
                <input type="text" maxlength="64" lay-verify="required" value="" name="title" autocomplete="off" placeholder="请输入内容" class="layui-input"/>
            </div>
        </div>
        <div class="layui-col-md12">
            <label class="layui-form-label">事件函数</label>
            <div class="layui-input-inline">
                <input type="text" maxlength="64" lay-verify="required" value="" name="func" autocomplete="off" placeholder="请输入内容" class="layui-input"/>
            </div>
        </div>
        <div class="layui-col-md12">
            <label class="layui-form-label">CSS样式</label>
            <div class="layui-input-inline">
                <select name="css" lay-verify="required">
                <@dict code="BTNCSS">
                    <#list dicts as dict>
                        <option value="${dict.value}">${dict.note}</option>
                    </#list>
                </@dict>
                </select>
            </div>
        </div>
    </div>
</form>
</#macro>
<script id="btnEdit" type="text/html">
    <@btnEdit></@btnEdit>
</script>